<!--
 * @Author: White
 * @description: 回到顶部组件
 * @LastEditTime: 2021-06-30 15:18:34
-->

<template>
  <div class="pages-content-scroll">
    <el-backtop
      target=".pages-content-scroll"
      :visibility-height="visibleHeight"
      :right="rightPos"
      :bottom="bottomPos"
    ></el-backtop>
    <slot></slot>
  </div>
</template>
<script>
export default {
  name: "Backtop",
  data() {
    return {
      visibleHeight: 10,
      rightPos: 20,
      bottomPos: 20
    };
  }
};
</script>
<style scoped>
.pages-content-scroll {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
}
</style>
